// 背景色
.bg-fff {
    background-color: #fff;
}
.bg-yellow{
    background: #FBCF70
}
.bg-green{
    background: #24B499
}

.bg-red{
    background: #FA9BA8;
}

.bg-blue{
    background: #94BEFF;
}

.bg-light-gray{
    background: rgba(193, 193, 193, 0.1)
}
/*颜色*/
.gray {
    color: #999;
}
.fff{
    color: #fff;
}

.blue{
    color: #94BEFF;
}

.yellow{
    color: #FBCF70;
}

.green{
    color: #24B499;
}
.red{
    color: #FA9BA8;
}
.black{
    color: #000;
}

/*间距*/

.mt10{
    margin-top: 10px;
}
.mb10{
    margin-bottom: 10px;
}
.ml10{
    margin-left: 10px;
}
.mr10{
    margin-right: 10px;
}

.mt15{
    margin-top: 15px;
}
.mb15{
    margin-bottom: 15px;
}
.ml15{
    margin-left: 15px;
}
.mr15{
    margin-right: 15px;
}

.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.ml20{
    margin-left: 20px;
}
.mr20{
    margin-right: 20px;
}


.pl10{
    padding-left: 10px;
}
.pr10{
    padding-right: 10px;
}
.pt10{
    padding-top: 10px;
}
.pb10{
    padding-bottom: 10px;
}


.pl15{
    padding-left: 15px;
}
.pr15{
    padding-right: 15px;
}
.pt15{
    padding-top: 15px;
}
.pb15{
    padding-bottom: 15px;
}


.pl20{
    padding-left: 20px;
}
.pr20{
    padding-right: 20px;
}
.pt20{
    padding-top: 20px;
}
.pb20{
    padding-bottom: 20px;
}


/*字体大小*/
.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}
.fs16{
    font-size: 16px;
}

.fs18{
    font-size: 18px;
}

.fs20{
    font-size: 20px
}

.fs22{
    font-size: 22px
}

.fs24{
    font-size: 24px;
}

.fs26{
    font-size: 26px;
}

.fs28{
    font-size: 28px
}
/*隐藏占位*/
.vh {
    opacity: 0;
    visibility: hidden;
}

// 浮动
.fr {
    float: right;
}
.fl {
    float: left;
}

// 对齐方式
.t-a-c{
text-align: center
}
.t-a-r{
    text-align: right
}

.fs-vh15{
    width: 15em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}